<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>服务重用度</title>
<link rel="stylesheet" type="text/css" href="../../../css/reset.css" />
<link rel="stylesheet" type="text/css" href="../../../css/css.css" />
<link rel="stylesheet" type="text/css"
	href="../../../js/jquery-easyui-1.4.3/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css"
	href="../../../js/jquery-easyui-1.4.3/themes/icon.css" />
<link rel="stylesheet" type="text/css"
	href="../../../js/SimpleTree1.3/js/tree_themes/SimpleTree.css" />
<link rel="stylesheet" type="text/css"
	href="../../../css/colorReset.css" />
<style>
.datagrid-btable td .datagrid-cell a {
	border: none;
	background: none;
}

.tree-checkbox {
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: text-bottom;
	overflow: hidden;
}

#clearInterface {
	position: absolute;
	width: 20px;
	text-align: center;
	right: 52px;
	display: none;
	top: 4px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times,
		"Times New Roman", serif;
	color: #8F8F8F;
}

#errNotif_selection ul {
	padding: 10px;
	line-height: 18px;
}

#errNotif_selection ul li {
	border-bottom: 1px dashed #ced6db;
	padding: 0 0 0px 10px;
}

#errNotif_selection ul li label {
	padding: 5px 0;
	display: block;
}

#errorInfo li.hover {
	background-color: #ffa;
}

#errorInfo li:hover {
	background-color: #ffa;
}

.tree_con {
	height: 270px;
	overflow: auto;
	margin: 0 auto;
}
</style>
</head>

<body>
	<div class="main">
		<!-- 检索区域开始 -->
		<div class="sel_div">
			<table cellpadding="0" cellspacing="0" class="sel_con">
				<tr>
					<th colspan="6">数据检索</th>
				</tr>
				<tr>
					<td><label>接口名称：</label> <input id="txtIfName"
						name="txtIfName" class="text" /></td>
					<td><label>接口类型：</label> <input type="text"
						name="comboxIfType" id="comboxIfType" class="text" /></td>
					<td style="padding: 0px 0px;" colspan="2"><label
						style="width: 80px; padding: 10px 0;">注册时间： </label>
						<table style="text-align: center; margin-top: 4px;">
							<tr valign="middle">
								<td><input style="width: 120px;" class="easyui-datetimebox"
									type="text" name="txtStartDateTime" editable="false"
									id="txtStartDateTime" data-options="showSeconds:true"
									validType="dateValid['#txtStartDateTime','#txtEndDateTime']" /></td>
								<td style="width: 20px;"><label style="width: 5px;">到：</label></td>
								<td><input style="width: 120px;" class="easyui-datetimebox"
									type="text" name="txtEndDateTime" editable="false"
									id="txtEndDateTime" data-options="showSeconds:true"
									validType="dateValid['#txtStartDateTime','#txtEndDateTime']" /></td>
							</tr>
						</table></td>
					<td><label>重用度：</label> <input type="text"
						style="width: 60px;" name="comboxReuseDegree"
						id="comboxReuseDegree" class="text" /></td>
					<td><button onclick="search()"
							class="query_btn easyui-linkbutton" iconCls="icon-search">查询</button></td>
				</tr>
			</table>
		</div>

		<div class="data_con">
			<div style="padding: 5px; height: 25px">
				<div style="margin-bottom: 5px; float: left">
					<label id="labSummary"><font color="red">(重用度：一个接口被多少个系统所请求，重用度代表系统的个数)</font></label>
				</div>
			</div>
			<table id="datagrid" style="height: 345px"
				data-options="fitColumns:true,toolbar:'#toolbox'">
			</table>
		</div>
	</div>
	<div id="win" class="easyui-window" title="服务接入申请"
		style="width: 430px; height: auto; top: 20px"
		data-options="iconCls:'icon-save',modal:true,minimizable:false,maximizable:false,collapsible:false">
		<input type="text" name="txtIfId" id="txtIfId" style="display: none;" />
		<div class="data_con">
			<table id="datagrid4ReuseSystem" style="height: 200px"
				data-options="fitColumns:true,toolbar:'#toolbox'">
			</table>
		</div>
	</div>
	<script type="text/javascript" src="/webjars/json3/3.3.2/json3.min.js"></script>
	<script type="text/javascript"
		src="../../../js/jquery-easyui-1.4.3/jquery.min.js"></script>
	<script type="text/javascript"
		src="../../../js/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
	<script type="text/javascript"
		src="../../../js/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript" src="../../../js/cook/FormValidate.js"></script>
	<script type="text/javascript" src="../../../js/cook/constants.js"></script>
	<script type="text/javascript" src="../../../js/cook/public.js"></script>
	<script type="text/javascript"
		src="../../../js/esb/ServiceCheck/ServiceReuseDegree.js"></script>
	<script type="text/javascript" src="../../../js/cook/Util.js"></script>
</body>
</html>
